<!DOCTYPE html>
<html>
<head>
    <title>Heicss - Point out the redundant style rules in your CSS file.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="dist/css/bootstrapValidator.css"/>
    <script type="text/javascript" src="vendor/jquery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
 <script type="text/javascript" src="dist/js/bootstrap.file-input.js"></script>


</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <div class="page-header">
                    <h2>Heicss</h2>
                </div>

                
                    <div class="panel-group" id="steps">
                        <!-- Step 1 -->
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title"><a data-toggle="collapse" data-parent="#steps" href="#stepOne">Application</a></h4>
                            </div>
                            <div id="stepOne" class="panel-collapse collapse in" style="margin-top:20px;">
                       <form id="checkoutForm" method="post" class="form-horizontal" action="uploadfiles.php" enctype="multipart/form-data">


                        <div id="newAddress">
                            <div class="form-group">
                                <label class="col-lg-3 control-label">HTML & HTM 文件</label>
<input type="file" name="upload_htm_file" id="upload_htm_file" title="选择本地文件" />

                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">CSS 文件</label>
<input type="file" name="upload_css_file" id="upload_css_file" title="选择本地文件"/>

                            </div>



                            
                        </div>

                        <div class="form-group">
                            <div class="col-lg-9 col-lg-offset-3" style="margin-left: 23%;">
                                <input type="submit" name="submit" class="btn btn-primary" value="上传">
                                <input type="reset" class="btn btn-primary" value="重置" onclick="javascript:location.reload();">
                            </div>
                        </div>
                    </form>
                            </div>
                        </div>

                        <!-- Step 2 -->
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title"><a data-toggle="collapse" data-parent="#steps" href="#stepTwo">Introduction</a></h4>
                            </div>
                            <div id="stepTwo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <p>它其实是一个小型的应用，旨在将你上传的html或是htm文件与css文件进行匹配，同时将css文件中没有使用在html文件上的css选择器罗列出来，帮助你精简你的css文件。</p>

<p>重要提示！它并不能100%地保证准确性，所以请备份好您的源文件。</p>

<p>温馨提示：程序不会留存你的html或是css文件，每一次请求处理完成后，都会将上一次用户上传的文件删除掉，所以请放心使用。</p>
<p><small>当前版本：0.1.7 2015年3月28日</small></p>
                                </div>
                            </div>
                        </div>

                        <!-- Step 3 -->
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title"><a data-toggle="collapse" data-parent="#steps" href="#stepThree">支付宝捐助开发</a></h4>
                            </div>
                            <div id="stepThree" class="panel-collapse collapse">
                                <div class="panel-body">
									<p style="text-align:center;"><img src="./alipay.jpg"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
						<div class="text-center muted" style="background:#eee;border:1px solid #eee;padding:5px 10px;"><code>代码运行-&gt;阿里云主机 | 静态资源-&gt;七牛云存储 | 网站统计-&gt;Gostats | 联系作者-&gt;79257@163.com</code></div>
                    </div>
            </div>
        </div>
    </div>



<script>
$('input[type=file]').bootstrapFileInput();
$('.file-inputs').bootstrapFileInput();
</script>
<!-- GoStats JavaScript Based Code -->
<script type="text/javascript" src="http://gostats.cn/js/counter.js"></script>
<script type="text/javascript">_gos='c4.gostats.cn';_goa=397128;
_got=5;_goi=1;_gol='php 流量统计';_GoStatsRun();</script>
<!-- End GoStats JavaScript Based Code -->
</body>
</html>